<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
    <title>jbgallery demo - popup</title>
    <meta name="author" content="Massimiliano Balestrieri" />
    <link href="../jbgallery-2.0.css" rel="stylesheet" media="screen" />
	<script src="../jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="../jbgallery-2.0.js" type="text/javascript"></script>
	<script type="text/javascript"><!--
   	jQuery(document).ready(function(){
        jQuery("#open_gallery, #open_gallery2").click(function(){
			var _idphoto = this.href.split("#").pop();
            jQuery(".jbgallery").jbgallery({
				current : _idphoto,
                popup 	: true,
                menu 	: 'numbers'
            }).show();
			return false;
        });
        jQuery("#popup_gallery, #popup_gallery2").click(function(){
			var _idphoto = this.href.split("#").pop();
			window.open("popup.html#" + _idphoto,"popup", "width=800,height=500,left=0,top=0,resizable=no,menubar=no,toolbar=no, scrollbars=no,locations=no,status=no");
            return false;
        });
    });
	--></script>
</head>    
<body>
<div id="body">
<a href="#" id="open_gallery">open "modal"</a>
<a href="#" id="popup_gallery">open popup</a>
<hr />
<a href="#4" id="open_gallery2">open "modal" (photo 4)</a>
<a href="#4" id="popup_gallery2">open popup (photo 4)</a>
</div>
<div class="jbgallery" style="display:none">
	<ul>
		<li><a title="gundam1" href="http://lh3.ggpht.com/_JJJpzXdPAI4/SpzuamwkzII/AAAAAAAABOM/j3HnzPk5VnU/100_2768.jpg">1</a></li>
		<li><a title="nara" href="http://lh3.ggpht.com/_JJJpzXdPAI4/SpzvrjvU83I/AAAAAAAABAU/8tbAipa9wgk/P1020533.jpg">2</a></li>
		<li><a title="tokyo" href="http://lh5.ggpht.com/_JJJpzXdPAI4/SpzuSpC-0zI/AAAAAAAAA48/M2GPV81K4Ak/100_2090.jpg">3</a></li>
		<li><a title="shibuya" href="http://lh4.ggpht.com/_JJJpzXdPAI4/SpzuWQEufiI/AAAAAAAAA5Y/icGZTrIp1eE/100_2115.jpg">4</a></li>
		<li><a title="shibuya crossing" href="http://lh6.ggpht.com/_JJJpzXdPAI4/SpzuXGNNqrI/AAAAAAAAA5c/zBCyqXjlofc/100_2122.jpg">5</a></li>
		<li><a title="ginza" href="http://lh3.ggpht.com/_JJJpzXdPAI4/SpzuQ1g3S7I/AAAAAAAAA4w/eO2gBSkV2XM/100_2077.jpg">6</a></li>
	    <li><a title="hiroshima" href="http://lh5.ggpht.com/_JJJpzXdPAI4/SpzvjOmg5-I/AAAAAAAAA_g/S8wow3zLays/P1020744.jpg">7</a></li>
		<li><a title="minowa" href="http://lh3.ggpht.com/_JJJpzXdPAI4/SpzuPgD8hZI/AAAAAAAAA4k/fQ9a-r7mb40/100_2024.jpg">8</a></li>
		<li><a title="godzilla" href="http://lh6.ggpht.com/_JJJpzXdPAI4/SpzuRvGTl5I/AAAAAAAAA44/N4D2_Jversc/100_2082.jpg">9</a></li>
		<li><a title="gundam2" href="http://lh4.ggpht.com/_JJJpzXdPAI4/SpzubRTa5QI/AAAAAAAAA58/XwW9WAlfzkk/100_2770.jpg">10</a></li>
		<li><a title="odaiba" href="http://lh5.ggpht.com/_JJJpzXdPAI4/SpzubyiFG-I/AAAAAAAAA6A/RoxUut3atZU/100_2773.jpg">11</a></li>
		<li><a title="odaiba" href="http://lh6.ggpht.com/_JJJpzXdPAI4/SpzunPI5qJI/AAAAAAAAA7A/jx6GqZwwAgg/P1020828.jpg">12</a></li>
		<li><a title="asakusa" href="http://lh4.ggpht.com/_JJJpzXdPAI4/SpzucSZqm2I/AAAAAAAAA6E/4d1LDeMgU1A/P1010491.jpg">13</a></li>
		<li><a title="market" href="http://lh4.ggpht.com/_JJJpzXdPAI4/SpzufohFyEI/AAAAAAAAA6Y/V3lUC-m1v54/P1010552.jpg">14</a></li>
		<li><a title="sony building" href="http://lh4.ggpht.com/_JJJpzXdPAI4/Spzuh9WohMI/AAAAAAAAA6k/28TfGKwJUKE/P1010572.jpg">15</a></li>
		<li><a title="ginza2" href="http://lh3.ggpht.com/_JJJpzXdPAI4/SpzujJKy3WI/AAAAAAAAA6s/K4KiXwGzm4k/P1010576.jpg">16</a></li>
		<li><a title="" href="http://lh5.ggpht.com/_JJJpzXdPAI4/SpzujlAuYyI/AAAAAAAAA6w/znLTpwDyITE/P1010613.jpg">17</a></li>
		<li><a title="ginza notte" href="http://lh4.ggpht.com/_JJJpzXdPAI4/Spzup7DkT5I/AAAAAAAAA7Q/eiq3mBIcStg/P1030025.jpg">18</a></li>
		<li><a title="shinkanzen" href="http://lh5.ggpht.com/_JJJpzXdPAI4/SpzvMFFAgKI/AAAAAAAAA9U/ZG1ChpZ2ylY/P1020139.jpg">19</a></li>
		<li><a title="sushi shinkanzen" href="http://lh5.ggpht.com/_JJJpzXdPAI4/Spzv4pIaTMI/AAAAAAAABBk/JGc6pzLRUr0/P1020365.jpg">20</a></li>
		<li><a title="manga" href="http://lh4.ggpht.com/_JJJpzXdPAI4/SpzwapudpJI/AAAAAAAABE8/Efw8IirE8Ts/P1020073.jpg">21</a></li>
		<li><a title="oldboy" href="http://lh4.ggpht.com/_JJJpzXdPAI4/SpzwlwxsTlI/AAAAAAAABGA/RxKVZKChlik/P1020779.jpg">22</a></li>
		<li><a title="zen" href="http://lh3.ggpht.com/_JJJpzXdPAI4/SpzwLe1RCcI/AAAAAAAABDM/cy-i-d6jSJI/P1010952.jpg">23</a></li>
		<li><a title="magome" href="http://lh5.ggpht.com/_JJJpzXdPAI4/SpzvbyPhCHI/AAAAAAAAA-w/rf8dATWiOK8/100_2274.jpg">24</a></li>
		<li><a title="kyoto" href="http://lh6.ggpht.com/_JJJpzXdPAI4/SpzwKoWX0fI/AAAAAAAABDI/1MgoC14jVbA/P1010930.jpg">25</a></li>
		<li><a title="shibuya crossing" href="http://lh6.ggpht.com/_JJJpzXdPAI4/SpzurK_N9PI/AAAAAAAAA7c/jcOZEyYmR0w/P1010631.jpg">26</a></li>
		<li><a title="koyasan" href="http://lh3.ggpht.com/_JJJpzXdPAI4/SpzvR10H1cI/AAAAAAAAA94/n4OjsO0TYH8/P1020543.jpg">27</a></li>
	</ul>
</div>
</body>
</html>